<template>
<div class="incorruptibleBox">
    <router-view></router-view>
</div>
</template>

<style lang="less">
.incorruptibleBox{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
//标题的样式
.title-three {
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 28px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 20px 0;
}

//三级路由
//默认展示页的样式
//筛选行row的样式
.choise-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    .choise-row-left {
        display: flex;

        .label {
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(51, 51, 51, 1);
            line-height: 36px;
        }

        //筛选框
        .el-select {
            .el-input--suffix {
                width: 154px;
            }
        }

        //输入框
        .el-input {
            width: 260px;

            background: rgba(255, 255, 255, 1);
            border-radius: 3px;
            margin-right: 20px;
        }

        .el-input__inner {
            height: 36px;
        }

        .el-button--query {
            width: 52px;
            height: 36px;
            background: rgba(61, 127, 255, 1);
            border-radius: 3px;
            padding: 0;
            color: rgba(255, 255, 255, 1);
            font-size: 14px;
        }

        .el-button--Reset {
            width: 52px;
            height: 36px;
            background: rgba(240, 242, 245, 1);
            border-radius: 3px;
            border: 1px solid rgba(215, 219, 224, 1);
            padding: 0;
            color: rgba(51, 51, 51, 1);
            font-size: 14px;
        }
    }

    //右侧按钮组
    .choise-row-right {
        /deep/.el-button-group {
            display: flex;
        }

        .el-button {
            margin-left: 20px !important;
            width: 80px;
            height: 36px;
            background: rgba(255, 255, 255, 1);
            border-radius: 3px;
            padding: 0;
            font-size: 14px;
        }

        .el-button--deleteall {
            border: 1px solid rgba(251, 54, 63, 1);
            color: #fb363f;
        }

        .el-button--Importall {
            border: 1px solid rgba(61, 127, 255, 1);
            color: #3d7fff;
        }

        .el-button--newlybuild {
            background: rgba(61, 127, 255, 1);
            color: #ffffff;
            background-color: #3d7fff;
        }
    }
}

//三级路由默认展示页
// 表格区域的样式
.table-box-three-main {
    .el-table__header-wrapper {
        .has-gutter {
            tr {
                th {
                    padding: 10px 0;
                    background-color: #fafafa;
                    color: rgba(0, 0, 0, 0.85);
                }
            }
        }
    }

    .el-table__body-wrapper {
        .el-table__body {
            tr {
                td {
                    padding: 5px 0;
                }
            }
        }
    }

    //表格边框的颜色
    .el-table td,
    .el-table th.is-leaf,
    .el-table--border,
    .el-table--group {
        border-color: #dddddd;
    }
}

//三级路由默认展示页
//分液器
.fenye-bottom {
    display: flex;
    justify-content: flex-end;
}
</style>
